import React, { memo } from 'react'
import { getCount } from "@/utils/format-utils";
import { SongsCoverWrapper } from "./style";
import { getSizeImage } from "@/utils/format-utils";


export default memo(function HjSongsCover(props) {
  const {info} = props
  return (
    <SongsCoverWrapper>
      <div className="cover-top"> 
          <img src={getSizeImage(info.picUrl,140)} alt="" />
         <div className="cover sprite_covor">
          <div className="info sprite_covor">
            <span>
              <i className="sprite_icon erji"></i>
              {getCount(info.playCount)}
            </span>
            <i className="sprite_icon play"></i>
           </div>
          </div>
      </div>
      <div className="cover-buttom">
        <span>{info.name}</span>
      </div>
    </SongsCoverWrapper>
  )
})
